<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			body{
				text-align: center;
			}
			.box1{
				margin:10px auto;
				border:5px solid palegreen;
				width:200px;
				height:200px;
			}
		</style>
		<script type="text/javascript">
			window.onload = function (){
				//获取节点
				var heZi = document.getElementById("heZi");
				var btn = document.getElementById("btn");
				var txt = document.getElementById("txt");
//				var btn11 = document.getElementsByName("btn11");//返回带有指定名称的对象的集合
//              var ss = document.getElementsByTagName("button");//返回带有指定标签名的对象的集合
				//console.log(ss);//检测节点是否被获取
				//鼠标移入变成粉色
				heZi.onmouseover = function(){
					heZi.style.background = "pink";
					heZi.style.width = "300px";
					heZi.style.height = "300px";
				}
				//鼠标移出变成天蓝色
				heZi.onmouseout = function(){
					heZi.style.background = "paleturquoise";
					
				}
				//鼠标的点击事件
				btn.onclick = function(){
					btn.style.background = "hotpink";
					btn.style.color = "#fff";
					heZi.style.border = "10px dotted #fff";
				}
				//键盘按下的事件
				txt.onkeydown = function(){
				    console.log("正在输入……");
				}
				//键盘松开的事件
				txt.onkeyup = function(){
				    console.log("已完成");
				}
				//域的内容被改变
				txt.onchange = function(){
					txt.value = txt.value + "是个大坏蛋";
				}
//				prompt("这是一个对话框");
//				alert("这是一个警示框");
//				confirm("这是一个提示框");
				 //history.back();//上一个(加载对象列表中的前一个URL)
				// history.forward();//下一个（加载对象列表中下一个URL）
				 //history.go(-1);//上一个
				 //history.go(1);//下一个
				
				 //location.host   //设置或者返回主机名和当前url的端口号
				 //location.hostname //设置或者返回当前url的主机名
				 //location.href //设置或返回完整的url
				 
				// location.reload(); //重新加载当前文档
				// location.replace();//用新的文档替换当前文档
				 
				//document.referrer //返回载入当前文档的来源文档的URL
				//document.URL  //返回当前文档的URL
				btn.innerHTML = "点你呀";
				var a=txt.setAttribute("type","password");
				console.log(typeof(a));
				txt.setAttribute("type","password");
				console.log(btn.getAttribute("id"));
				
			}//加载函数
		</script>
	</head>
	<body>
		<div class="box1" id="heZi" ></div>
		<button id="btn">点我试试</button>
		<input type="text" id="txt" value="啊啊啊" />
		<a href="http://www.baidu.com">百度一下</a>
		<button name="btn11">点我试试</button>
		<button name="btn11">点你试试</button>
		<button name="btn11">点她试试</button>
		
		
	</body>
</html>
